﻿<!DOCTYPE html>
<html>
  <head>
    <title>音乐设定</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/音乐设定/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/音乐设定/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u493" class="ax_default _一级标题">
        <div id="u493_div" class=""></div>
        <div id="u493_text" class="text ">
          <p><span>闹钟-音乐设定</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u494" class="ax_default" data-left="38" data-top="123" data-width="306" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u495" class="ax_default _形状">
          <div id="u495_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u496" class="ax_default" data-left="44" data-top="132" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u497" class="ax_default _形状">
            <img id="u497_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u498" class="ax_default _形状">
            <img id="u498_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u499" class="ax_default _形状">
            <img id="u499_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u500" class="ax_default _形状">
            <img id="u500_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u501" class="ax_default _形状">
            <img id="u501_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u502" class="ax_default" data-left="313" data-top="130" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u503" class="ax_default _形状">
            <div id="u503_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u504" class="ax_default _形状">
            <div id="u504_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u505" class="ax_default _形状">
            <div id="u505_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u506" class="ax_default _文本段落" data-label="Header 2">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u507" class="ax_default _文本段落" data-label="Header 2">
        <div id="u507_div" class=""></div>
        <div id="u507_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u508" class="ax_default _文本段落" data-label="Header 2">
        <div id="u508_div" class=""></div>
        <div id="u508_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u509" class="ax_default box_1">
        <div id="u509_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u510" class="ax_default" data-left="39" data-top="618" data-width="306" data-height="45">

        <!-- Rectangle (矩形) -->
        <div id="u511" class="ax_default _形状" data-label="Rectangle">
          <div id="u511_div" class=""></div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u512" class="ax_default _形状" data-label="Rectangle">
          <img id="u512_img" class="img " src="images/闹钟设定/rectangle_u193.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u513" class="ax_default _形状" data-label="Rectangle">
          <img id="u513_img" class="img " src="images/闹钟设定/rectangle_u194.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u514" class="ax_default _形状" data-label="Rectangle">
          <img id="u514_img" class="img " src="images/闹钟设定/rectangle_u193.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u515" class="ax_default _文本段落">
        <div id="u515_div" class=""></div>
        <div id="u515_text" class="text ">
          <p><span>邀请</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u516" class="ax_default _文本段落">
        <div id="u516_div" class=""></div>
        <div id="u516_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u517" class="ax_default _文本段落">
        <div id="u517_div" class=""></div>
        <div id="u517_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u518" class="ax_default box_1">
        <div id="u518_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u519" class="ax_default _二级标题">
        <div id="u519_div" class=""></div>
        <div id="u519_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 上午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u520" class="ax_default _一级标题">
        <div id="u520_div" class=""></div>
        <div id="u520_text" class="text ">
          <p><span>8 ：30</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u521" class="ax_default _二级标题">
        <div id="u521_div" class=""></div>
        <div id="u521_text" class="text ">
          <p><span>&nbsp;&nbsp; &nbsp; &nbsp; 下午</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u522" class="ax_default _一级标题">
        <div id="u522_div" class=""></div>
        <div id="u522_text" class="text ">
          <p><span>9&nbsp; &nbsp; </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u523" class="ax_default _一级标题">
        <div id="u523_div" class=""></div>
        <div id="u523_text" class="text ">
          <p><span>40</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u524" class="ax_default _一级标题">
        <div id="u524_div" class=""></div>
        <div id="u524_text" class="text ">
          <p><span>10</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u525" class="ax_default _一级标题">
        <div id="u525_div" class=""></div>
        <div id="u525_text" class="text ">
          <p><span>25</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u526" class="ax_default _一级标题">
        <div id="u526_div" class=""></div>
        <div id="u526_text" class="text ">
          <p><span>7</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u527" class="ax_default _一级标题">
        <div id="u527_div" class=""></div>
        <div id="u527_text" class="text ">
          <p><span>52</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u528" class="ax_default _一级标题">
        <div id="u528_div" class=""></div>
        <div id="u528_text" class="text ">
          <p><span>4</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u529" class="ax_default _一级标题">
        <div id="u529_div" class=""></div>
        <div id="u529_text" class="text ">
          <p><span>19</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u530" class="ax_default label">
        <div id="u530_div" class=""></div>
        <div id="u530_text" class="text ">
          <p><span>闹钟将于8：30响起</span></p><p><span>睡眠时间还有10小时</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u531" class="ax_default button">
        <div id="u531_div" class=""></div>
        <div id="u531_text" class="text ">
          <p><span>添加鼓励语</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u532" class="ax_default button">
        <div id="u532_div" class=""></div>
        <div id="u532_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u533" class="ax_default icon">
        <img id="u533_img" class="img " src="images/闹钟设定/u251.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u534" class="ax_default" data-left="332" data-top="175" data-width="125" data-height="4">

        <!-- Unnamed (水平线) -->
        <div id="u535" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="123" CompoundMode="true">
          <img id="u535_img" class="singleImg img " src="images/闹钟设定/u302.png"/>
          <div id="u535p000" class="ax_vector_shape" WidgetTopLeftX="-0.484375" WidgetTopLeftY="0" WidgetTopRightX="0.4765625" WidgetTopRightY="0" WidgetBottomLeftX="-0.484375" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.4765625" WidgetBottomRightY="0.166666666666667">
            <img id="u535p000_img" class="img " src="images/音乐设定/u535p000.png"/>
          </div>
          <div id="u535p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="30.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="30.75" WidgetBottomRightY="0">
            <img id="u535p001_img" class="img " src="images/图例/u27p001.png"/>
          </div>
          <div id="u535p002" class="ax_vector_shape" WidgetTopLeftX="5.40909090909091" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="5.40909090909091" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u535p002_img" class="img " src="images/图例/u52p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u536" class="ax_default _形状">
          <div id="u536_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u537" class="ax_default image">
        <img id="u537_img" class="img " src="images/闹钟设定/u338.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u538" class="ax_default label">
        <div id="u538_div" class=""></div>
        <div id="u538_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u539" class="ax_default image">
        <img id="u539_img" class="img " src="images/图例/u79.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u540" class="ax_default" data-left="467" data-top="123" data-width="306" data-height="24">

        <!-- Unnamed (矩形) -->
        <div id="u541" class="ax_default _形状">
          <div id="u541_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u542" class="ax_default" data-left="473" data-top="132" data-width="37" data-height="5">

          <!-- Unnamed (矩形) -->
          <div id="u543" class="ax_default _形状">
            <img id="u543_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u544" class="ax_default _形状">
            <img id="u544_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u545" class="ax_default _形状">
            <img id="u545_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u546" class="ax_default _形状">
            <img id="u546_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u547" class="ax_default _形状">
            <img id="u547_img" class="img " src="images/闹钟设定/u177.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u548" class="ax_default" data-left="742" data-top="130" data-width="25" data-height="10">

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default _形状">
            <div id="u549_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u550" class="ax_default _形状">
            <div id="u550_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u551" class="ax_default _形状">
            <div id="u551_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u552" class="ax_default _文本段落" data-label="Header 2">
        <div id="u552_div" class=""></div>
        <div id="u552_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u553" class="ax_default _文本段落" data-label="Header 2">
        <div id="u553_div" class=""></div>
        <div id="u553_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u554" class="ax_default _文本段落" data-label="Header 2">
        <div id="u554_div" class=""></div>
        <div id="u554_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u555" class="ax_default box_1">
        <div id="u555_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u556" class="ax_default" data-left="468" data-top="618" data-width="306" data-height="45">

        <!-- Rectangle (矩形) -->
        <div id="u557" class="ax_default _形状" data-label="Rectangle">
          <div id="u557_div" class=""></div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u558" class="ax_default _形状" data-label="Rectangle">
          <img id="u558_img" class="img " src="images/闹钟设定/rectangle_u193.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u559" class="ax_default _形状" data-label="Rectangle">
          <img id="u559_img" class="img " src="images/闹钟设定/rectangle_u194.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u560" class="ax_default _形状" data-label="Rectangle">
          <img id="u560_img" class="img " src="images/闹钟设定/rectangle_u193.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u561" class="ax_default _文本段落">
        <div id="u561_div" class=""></div>
        <div id="u561_text" class="text ">
          <p><span>邀请</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u562" class="ax_default _文本段落">
        <div id="u562_div" class=""></div>
        <div id="u562_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u563" class="ax_default _文本段落">
        <div id="u563_div" class=""></div>
        <div id="u563_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u564" class="ax_default label">
        <div id="u564_div" class=""></div>
        <div id="u564_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u565" class="ax_default" data-left="467" data-top="147" data-width="306" data-height="45">

        <!-- Rectangle (矩形) -->
        <div id="u566" class="ax_default _形状" data-label="Rectangle">
          <div id="u566_div" class=""></div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u567" class="ax_default image">
          <img id="u567_img" class="img " src="images/闹钟设定/u247.png"/>
        </div>
      </div>

      <!-- text - h2 (矩形) -->
      <div id="u568" class="ax_default _文本段落" data-label="text - h2">
        <div id="u568_div" class=""></div>
        <div id="u568_text" class="text ">
          <p><span>声音</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u569" class="ax_default _文本段落" data-label="paragraph">
        <div id="u569_div" class=""></div>
        <div id="u569_text" class="text ">
          <p><span>返回</span></p>
        </div>
      </div>

      <!-- paragraph (矩形) -->
      <div id="u570" class="ax_default _文本段落" data-label="paragraph">
        <div id="u570_div" class=""></div>
        <div id="u570_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u571" class="ax_default box_2">
        <div id="u571_div" class=""></div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u572" class="ax_default" data-left="515" data-top="221" data-width="218" data-height="28">

        <!-- Unnamed (水平线) -->
        <div id="u573" class="ax_default _水平线">
          <img id="u573_img" class="img " src="images/音乐设定/u573.png"/>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u574" class="ax_default _水平线">
          <img id="u574_img" class="img " src="images/音乐设定/u574.png"/>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u575" class="ax_default _形状" data-label="Rectangle">
          <div id="u575_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u576" class="ax_default icon">
        <img id="u576_img" class="img " src="images/音乐设定/u576.png"/>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u577" class="ax_default icon">
        <img id="u577_img" class="img " src="images/音乐设定/u577.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u578" class="ax_default label">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span>闹钟音乐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u579" class="ax_default box_1">
        <div id="u579_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u580" class="ax_default box_1">
        <div id="u580_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u581" class="ax_default box_1">
        <div id="u581_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u582" class="ax_default box_1">
        <div id="u582_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u583" class="ax_default box_1">
        <div id="u583_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u584" class="ax_default box_1">
        <div id="u584_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u585" class="ax_default label">
        <div id="u585_div" class=""></div>
        <div id="u585_text" class="text ">
          <p><span>MUSIC ONE</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u586" class="ax_default label">
        <div id="u586_div" class=""></div>
        <div id="u586_text" class="text ">
          <p><span>MUSIC TWO</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u587" class="ax_default label">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p><span>MUSIC THREE</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u588" class="ax_default label">
        <div id="u588_div" class=""></div>
        <div id="u588_text" class="text ">
          <p><span>MUSIC FOUR</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u589" class="ax_default label">
        <div id="u589_div" class=""></div>
        <div id="u589_text" class="text ">
          <p><span>MUSIC FIVE</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u590" class="ax_default label">
        <div id="u590_div" class=""></div>
        <div id="u590_text" class="text ">
          <p><span>MUSIC SIX</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u591" class="ax_default icon">
        <img id="u591_img" class="img " src="images/音乐设定/u591.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u592" class="ax_default label">
        <div id="u592_div" class=""></div>
        <div id="u592_text" class="text ">
          <p><span>使用我的音乐</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u593" class="ax_default box_1">
        <div id="u593_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u594" class="ax_default label">
        <div id="u594_div" class=""></div>
        <div id="u594_text" class="text ">
          <p><span>选择歌曲</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u595" class="ax_default box_1">
        <img id="u595_img" class="img " src="images/音乐设定/u595.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u596" class="ax_default _一级标题">
        <div id="u596_div" class=""></div>
        <div id="u596_text" class="text ">
          <p><span>闹钟-音乐设定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u597" class="ax_default _文本段落">
        <div id="u597_div" class=""></div>
        <div id="u597_text" class="text ">
          <p><span>1. 在【闹钟-首页】页面中，点击右上角按键，进入音乐设置页面。</span></p><p><span><br></span></p><p><span>2. 左右滑动可调节闹钟的音量；不受设备静音或音量设置影响。</span></p><p><span><br></span></p><p><span>3. 闹钟音乐：</span></p><p><span>&nbsp;前选中音乐具有“选中”状态；</span></p><p><span>用户点击任一行，该行音乐为“选中”状态；</span></p><p><span>用户点击任一行非当前选中音乐，播放该音乐</span></p><p><span><br></span></p><p><span>4. 使用我的音乐：</span></p><p><span>点击跳转进入本机/apple music/第三方音乐软件选择页面</span></p><p><span><br></span></p><p><span>5. 点击“完成”将当前选中音乐定为闹钟响起音乐，并退出回到【闹钟-首页】</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
